<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>电子合同</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="../../../static/css/weui.css"/>
    <link rel="stylesheet" href="../../../static/css/weui2.css"/>
    <link rel="stylesheet" href="../../../static/css/weui3.css"/>
    <script src="../../../static/js/zepto.min.js"></script>
    <!--引入vue，axios-->
    <script src="../../../static/js/vue.js"></script>
    <script src="../../../static/js/axios.min.js"></script>
</head>
<body ontouchstart style="background-color: #f8f8f8;">
<div id="detailList" v-cloak>
    <!--tab-->
    <div class="weui_tab" style="height: 44px;" id="tab4">
        <div class="weui_navbar swiper-wrapper" style="height:44px;">
            <div class="weui_navbar_item" @click="tabClick('adding')">
                押金&租金
                <span class="weui-badge" style="vertical-align: text-bottom">10</span>
            </div>
            <div class="weui_navbar_item" @click="tabClick('editing')">
                定金
                <span class="weui-badge" style="vertical-align: text-bottom"></span>
            </div>
            <div class="weui_navbar_item" @click="tabClick('editing')">
                其他
                <span class="weui-badge" style="vertical-align: text-bottom"></span>
            </div>
        </div>
    </div>
    <!--search-->
    <div class="weui_search_bar">
        <form class="weui_search_outer" onsubmit="return false;">
            <div class="weui_search_inner">
                <i class="weui_icon_search"></i>
                <input v-model="search"  name="search" @blur="inputBlur()" @keyup.enter="searchClick()" type="search" class="weui_search_input" placeholder="请输入租客姓名或手机号" id="searchInput">
            </div>
            <label @click="labelClick()" id="labelClick" for="" class="weui_search_text">
                <i class="weui_icon_search"></i>
                <span>搜索租客姓名、手机号</span>
            </label>
        </form>
        <a href="javascript:" class="weui_search_cancel">取消</a>
    </div>
    <!--form-view-->
    <section v-if="adding">
        <div class="weui-form-preview" v-for="item in addingList" style="margin-bottom: 10px">
            <div class="weui-form-preview-hd" style="line-height: 2em">
                <label class="weui-form-preview-label" style="color: #000;">月付申请 {{item.applictionNo}}</label>
                <em class="weui-form-preview-value" style="font-size: 1em;color: blue">{{(item.createdDate.substring(0, item.startDate.length - 9))}}</em>
                <label class="weui-form-preview-label" style="color: #000;">月租金</label>
                <em class="weui-form-preview-value" style="color: #000;">¥{{item.monthlyRent}}</em>
            </div>
            <div class="weui-form-preview-bd">
                <p>
                    <label class="weui-form-preview-label" style="color: #000;">月付期数</label>
                    <span class="weui-form-preview-value" style="color: #000;">{{item.rentalPeriod}}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label" style="color: #000;">起租日期</label>
                    <span class="weui-form-preview-value" style="color: #000;">{{item.startDate.substring(0, item.startDate.length - 9)}}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label" style="color: #000;">承租人</label>
                    <span class="weui-form-preview-value" style="color: #000;">{{item.customerName}} {{item.phone}}</span>
                </p>
            </div>
            <div class="weui-form-preview-ft">
                <a  @click="detailClick('adding',item.id)" class="weui-form-preview-btn weui-form-preview-btn-primary" href="javascript:">补充资料</a>
            </div>
        </div>
    </section>
    <section v-if="editing">
        <div class="weui-form-preview" v-for="item in editingList" style="margin-bottom: 10px">
            <div class="weui-form-preview-hd" style="line-height: 2em">
                <label class="weui-form-preview-label" style="color: #000;">月付申请 {{item.applictionNo}}</label>
                <em style="height: 32px;font-size: 1em;color: blue" class="weui-form-preview-value">{{(item.createdDate.substring(0, item.startDate.length - 9))}}</em>
                <label class="weui-form-preview-label" style="color: #000;">月租金</label>
                <em style="height: 32px;color: #000;" class="weui-form-preview-value">¥{{item.monthlyRent}}</em>
            </div>
            <div class="weui-form-preview-bd">
                <p>
                    <label class="weui-form-preview-label" style="color: #000;">月付期数</label>
                    <span class="weui-form-preview-value" style="color: #000;">{{item.rentalPeriod}}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label" style="color: #000;">起租日期</label>
                    <span class="weui-form-preview-value" style="color: #000;">{{item.startDate.substring(0, item.startDate.length - 9)}}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label" style="color: #000;">承租人</label>
                    <span class="weui-form-preview-value" style="color: #000;">{{item.customerName}} {{item.phone}}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label" style="color: #000;">状态</label>
                    <span class="weui-form-preview-value" style="color: #F1B73A;">{{item.statusName}}</span>
                </p>
            </div>
            <div class="weui-form-preview-ft">
                <a @click="detailClick('editing',item.id)" class="weui-form-preview-btn weui-form-preview-btn-primary" href="javascript:">修改申请</a>
            </div>
        </div>
    </section>
    <section v-if="checking">
        <div class="weui-form-preview" v-for="item in checkList" style="margin-bottom: 10px">
            <div class="weui-form-preview-hd" style="line-height: 2em">
                <label class="weui-form-preview-label" style="color: #000;">月付申请 {{item.applictionNo}}</label>
                <em class="weui-form-preview-value" style="height: 32px;font-size: 1em;color: blue">{{(item.createdDate.substring(0, item.startDate.length - 9))}}</em>
                <label class="weui-form-preview-label" style="color: #000;">月租金</label>
                <em class="weui-form-preview-value">¥{{item.monthlyRent}}</em>
            </div>
            <div class="weui-form-preview-bd">
                <p>
                    <label class="weui-form-preview-label" style="color: #000;">月付期数</label>
                    <span class="weui-form-preview-value" style="color: #000;">{{item.rentalPeriod}}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label" style="color: #000;">起租日期</label>
                    <span class="weui-form-preview-value" style="color: #000;">{{item.startDate.substring(0, item.startDate.length - 9)}}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label" style="color: #000;">承租人</label>
                    <span class="weui-form-preview-value" style="color: #000;">{{item.customerName}} {{item.phone}}</span>
                </p>
            </div>
            <div class="weui-form-preview-ft">
                <a @click="detailClick('checking',item.id)" class="weui-form-preview-btn weui-form-preview-btn-primary" href="javascript:">查看申请</a>
            </div>
        </div>
    </section>
    <section v-if="Tobesigned">
        <div class="weui-form-preview" v-for="item in tobesignedList" style="margin-bottom: 10px">
            <div class="weui-form-preview-hd" style="line-height: 2em">
                <label class="weui-form-preview-label" style="color: #000;">月付申请 {{item.applictionNo}}</label>
                <em class="weui-form-preview-value" style="height: 32px;font-size: 1em;color: blue">{{(item.createdDate.substring(0, item.startDate.length - 9))}}</em>
                <label class="weui-form-preview-label" style="color: #000;">月租金</label>
                <em class="weui-form-preview-value">¥{{item.monthlyRent}}</em>
            </div>
            <div class="weui-form-preview-bd">
                <p>
                    <label class="weui-form-preview-label" style="color: #000;">月付期数</label>
                    <span class="weui-form-preview-value" style="color: #000;">{{item.rentalPeriod}}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label" style="color: #000;">起租日期</label>
                    <span class="weui-form-preview-value" style="color: #000;">{{item.startDate.substring(0, item.startDate.length - 9)}}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label" style="color: #000;">承租人</label>
                    <span class="weui-form-preview-value" style="color: #000;">{{item.customerName}} {{item.phone}}</span>
                </p>
            </div>
            <div class="weui-form-preview-ft">
                <a @click="detailClick('Tobesigned',item.id)" class="weui-form-preview-btn weui-form-preview-btn-primary" href="javascript:">查看申请</a>
            </div>
        </div>
    </section>
</div>
<script src="../../../static/app/detailList.js"></script>
</body>
</html>
